<template>
	<div class="flex items-start justify-between">
		<div v-for="(item, index) in tableList" :key="index" class="w-28%">
			<img :src="item.icon" class="w-44px h-44px" />
			<p class="text-22px text-#000000 mt-10px mb-10px">{{ item.title }}</p>
			<p class="text-16px text-#3A3A3A">{{ item.content }}</p>
		</div>
	</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const tableList = ref<any[]>([
	{
		title: '0手续费',
		content: '使用市币币兑换不收取任何手续费，0滑点，为用户展示的报价即为用户最终可兑换的数量。',
		icon: '/transaction/exchange/table-1.svg'
	},
	{
		title: '简单快捷',
		content: '币币兑换是一款简单的工具，您只需点击几下就可以买入或出售加密货币，无需在交易界面上下单。您随时可以简单即时地根据当前的市场情况以实时价格零手续费兑换加密货币。平台将在极短时间内为用户完成兑换交易。',
		icon: '/transaction/exchange/table-2.svg'
	},
	{
		title: '及时报价',
		content: '币市兑换将根据当前的市场情况报出实时价格，实时刷新。',
		icon: '/transaction/exchange/table-3.svg'
	}
])
</script>
